<?php

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
    session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         
         echo '<center>
                    <table id="cabecera">
                        <tr>
                            <td> <img id="imagen" src="../imagen/BANNERSIGI.jpg" width="1258" height="125" alt="BANNERSES"/>';
                       echo"</td>
                        </tr>
                        <tr>
                            <td align=right id='sesion'><strong>Sesion:</strong>  ".$_SESSION['nombre']."";
                                echo '<a href="../../controlador/php/sql/cerrarSesion.php"><img src="../imagen/cesesion.png" title="cerrar sesion" width="20" height="20" alt="csesion" align="absbottom"/> </a>
                            </td>
                        </tr>
                    </table>
               </center>';
?>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title id="titulo">Reporte</title>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/jquery-1.5.2.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/demos.css" type="text/css">
        <link rel="stylesheet" href="css/impresion.css" type="text/css" media="print">
        <link rel="stylesheet" href="css/jquery.ui.all.css" type="text/css">
        <script type="text/javascript" src="js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="js/jquery.ui.widget.js"></script>
        <script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
        <link rel="stylesheet" href="css/pestana.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css" />

        <script>
            $(function() {
                    $( "#capass2" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi�rcoles', 'Jueves', 'Viernes', 'S�bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0",


                    });
            });

            $(function() {
                    $( "#capass22" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi�rcoles', 'Jueves', 'Viernes', 'S�bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0",

                    });
            });
        </script>
        <script>
                   function enviarDatos(){     
                            var capass2 = $("#capass2").val();
                            var capass22 = $("#capass22").val();
                            $.ajax({
                                type: "POST",
                                url: "../../controlador/php/sql/reporte.php",
                                data: {capass2:capass2,capass22:capass22},
                                success: mostrarDatos,
                                timeout: 4000,
                                error: errorEnvio


                            });
                   }


                    function errorEnvio() {
                        alert("error!...");
                    }

                    function mostrarDatos( respuesta )
                    {
                       rpt = $.parseJSON(respuesta);
                        respuesta = $("#respuesta");
                        var f1 = $("#capass2").val();
                        var f2 = $("#capass22").val();
                        //respuesta.text("");
                        var resp="";
                        resp+=
                                ('<center>\n\
                                    <strong>Fechas de Reporte: </strong>'+ f1 +' <strong>hasta</strong> '+ f2 +'</br></br>\n\
                                    <table border="1" id="Exportar_a_Excel" align="">\n\
                                              <tr align="center">\n\
                                                <td><strong>Fecha</strong>\n\
                                                </td><td><strong>Documento</strong></td>\n\
                                                <td><strong>Nombres</strong>\n\
                                                </td><td><strong>Apellidos</strong></td>\n\
                                                <td><strong>Servicio</strong></td>\n\
                                                <td><strong>Solicitud<strong></td>\n\
                                                <td><strong>Causa</strong></td>\n\
                                                <td><strong>Gestion</strong></td>\n\
                                                <td><strong>Soluciono</strong></td>\n\
                                                <td><strong>Asegurador</strong></td>\n\
                                                <td><strong>Responsable</strong></td>\n\
                                                <td><strong>Observaciones</strong></td>\n\
                                              </tr>');
                        for(usu in rpt){

                            resp+=("<tr>\n\
                                                <td>"+rpt[usu].reg_fecha+"</td>\n\
                                                <td>"+rpt[usu].reg_documento+"</td>\n\
                                                <td>"+rpt[usu].reg_nombres+"</td>\n\
                                                <td>"+rpt[usu].reg_apellidos+"</td>\n\
                                                <td>"+rpt[usu].ser_nombre+"</td>\n\
                                                <td>"+rpt[usu].sol_nombre+"</td>\n\
                                                <td>"+rpt[usu].cau_nombre+"</td>\n\
                                                <td>"+rpt[usu].ges_nombre+"</td>\n\
                                                <td align='center'>"+rpt[usu].reg_solucion+"</td>\n\
                                                <td>"+rpt[usu].ase_nombre+"</td>\n\
                                                <td align='center'>"+rpt[usu].reg_respon+"</td>\n\
                                                <td>"+rpt[usu].reg_obs+"</td></tr>");

                        }
                           resp+=("</table></center>");
                           if(rpt == null){
                               $("#respuesta").html("<table align='center'>\n\
                                                        <tr>\n\
                                                            <td><font color=red>" + "no se encuentra ninguna imformacion con las respectivas fechas" + "</font>\n\
                                                            </td>\n\
                                                         </tr>\n\
                                                     </table>");
                               $('#capass2').attr('value','');
                               $('#capass22').attr('value','');
                           }else{
                               $("#respuesta").html("");
                               respuesta.append(resp);
                               $('#capass2').attr('value','');
                               $('#capass22').attr('value','');
                           }
                     }
        </script>
       <script>
           $(document).ready(function () {
                    
                    $('#genREporte').click(function (){
                            var capass2 = $("#capass2").val();
                            var capass22 = $("#capass22").val();
                            $.ajax({
                                type: "POST",
                                url: "../../controlador/php/sql/indicador.php",
                                data: {capass2:capass2,capass22:capass22},
                                success: Datos,
                                timeout: 4000,
                                error: errorEnvio


                           });
                        });
                   
            });

                    function errorEnvio() {
                        alert("error!...");
                    }

                    function Datos( respuesta )
                    {
                       rpt = $.parseJSON(respuesta);
                        respuesta = $("#indicador");
                        var f1 = $("#capass2").val();
                        var f2 = $("#capass22").val();
                        //respuesta.text("");
                        var resp="";
                        resp+=
                                ('<center>\n\
                                    <table id="indi" align="center">\n\
                                              <tr align="center">\n\
                                                <td><strong>Numero de inconvenienetes</strong></td>\n\
                                              </tr>');
                        for(usu in rpt){

                            resp+=("<tr>\n\
                                                <td align='center'>"+rpt[usu].nincovenientes+"</td>\n\
                                    </tr>");

                        }
                           resp+=("</table></center>");
                           $("#repor").html("");
                           $("#indicador").html("");
                           respuesta.append(resp);
                           $("#repor").html("<strong>Indicadores</strong>");
                           
                     }
                     
                     
                     $(document).ready(function () {
                    
                    $('#genREporte').click(function (){
                            
                            var capass2 = $("#capass2").val();
                            var capass22 = $("#capass22").val();
                            $.ajax({
                                type: "POST",
                                url: "../../controlador/php/sql/indicador2.php",
                                data: {capass2:capass2,capass22:capass22},
                                success: Dato,
                                timeout: 4000,
                                error: errorEnvio


                           });
                        });
                   
                    });

                    function errorEnvio() {
                        alert("error!...");
                    }

                    function Dato( respuesta )
                    {
                       rpt = $.parseJSON(respuesta);
                        respuesta = $("#indicador2");
                        var f1 = $("#capass2").val();
                        var f2 = $("#capass22").val();
                        //respuesta.text("");
                        var resp="";
                        resp+=
                                ('<center>\n\
                                    <table id="indi" align="center">\n\
                                              <tr align="center">\n\
                                                <td><strong>Solucionados</strong></td>\n\
                                              </tr>');
                        for(usu in rpt){

                            resp+=("<tr>\n\
                                                <td align='center'>"+rpt[usu].solucion+"</td>\n\
                                    </tr>");

                        }
                           resp+=("</table></center>");
                           $("#indicador2").html("");
                           respuesta.append(resp);
                           
                     }
                     
                      $(document).ready(function () {
                    
                    $('#genREporte').click(function (){
                            
                            var capass2 = $("#capass2").val();
                            var capass22 = $("#capass22").val();
                            $.ajax({
                                type: "POST",
                                url: "../../controlador/php/sql/indicador3.php",
                                data: {capass2:capass2,capass22:capass22},
                                success: Dats,
                                timeout: 4000,
                                error: errorEnvio


                           });
                        });
                   
                    });

                    function errorEnvio() {
                        alert("error!...");
                    }

                    function Dats( respuesta )
                    {
                       rpt = $.parseJSON(respuesta);
                        respuesta = $("#indicador3");
                        var f1 = $("#capass2").val();
                        var f2 = $("#capass22").val();
                        //respuesta.text("");
                        var resp="";
                        resp+=
                                ('<center>\n\
                                    <table id="indi" align="center">\n\
                                              <tr align="center">\n\
                                                <td><strong>No Solucionados</strong></td>\n\
                                              </tr>');
                        for(usu in rpt){

                            resp+=("<tr>\n\
                                                <td align='center'>"+rpt[usu].nosolucion+"</td>\n\
                                    </tr>");

                        }
                           resp+=("</table></center>");
                           $("#indicador3").html("");
                           respuesta.append(resp);
                           
                     }
                     
                       $(document).ready(function () {
                    
                    $('#genREporte').click(function (){
                            
                            var capass2 = $("#capass2").val();
                            var capass22 = $("#capass22").val();
                            $.ajax({
                                type: "POST",
                                url: "../../controlador/php/sql/indicador4.php",
                                data: {capass2:capass2,capass22:capass22},
                                success: Dtos,
                                timeout: 4000,
                                error: errorEnvio


                           });
                        });
                   
                    });

                    function errorEnvio() {
                        alert("error!...");
                    }

                    function Dtos( respuesta )
                    {
                       rpt = $.parseJSON(respuesta);
                        respuesta = $("#indicador4");
                        var f1 = $("#capass2").val();
                        var f2 = $("#capass22").val();
                        //respuesta.text("");
                        var resp="";
                        resp+=
                                ('<center>\n\
                                    <table id="indi" align="center">\n\
                                              <tr align="center">\n\
                                                <td><strong>Responsable</strong></td>\n\
                                              </tr>');
                        for(usu in rpt){

                            resp+=("<tr>\n\
                                                <td align='center'>"+rpt[usu].respon+"</td>\n\
                                    </tr>");

                        }
                           resp+=("</table></center>");
                           $("#indicador4").html("");
                           respuesta.append(resp);
                           
                     }
                    
                    $(document).ready(function () {
                    
                    $('#genREporte').click(function (){
                            
                            var capass2 = $("#capass2").val();
                            var capass22 = $("#capass22").val();
                            $.ajax({
                                type: "POST",
                                url: "../../controlador/php/sql/indicador5.php",
                                data: {capass2:capass2,capass22:capass22},
                                success: Dts,
                                timeout: 4000,
                                error: errorEnvio


                           });
                        });
                   
                    });

                    function errorEnvio() {
                        alert("error!...");
                    }

                    function Dts( respuesta )
                    {
                       rpt = $.parseJSON(respuesta);
                        respuesta = $("#indicador5");
                        var f1 = $("#capass2").val();
                        var f2 = $("#capass22").val();
                        //respuesta.text("");
                        var resp="";
                        resp+=
                                ('<center>\n\
                                    <table id="indi" align="center">\n\
                                              <tr align="center">\n\
                                                <td><strong>No Responsable</strong></td>\n\
                                              </tr>');
                        for(usu in rpt){

                            resp+=("<tr>\n\
                                                <td align='center'>"+rpt[usu].norespon+"</td>\n\
                                    </tr>");

                        }
                           resp+=("</table></center>");
                           $("#indicador5").html("");
                           respuesta.append(resp);
                           
                     }
       </script>
        <script>
            function validar(){
                fecha1 = document.getElementById("capass2");
                fecha2 = document.getElementById("capass22");

                if(fecha1.value ==""){
                    alert("campo vacion, por favor seleccione la fecha inicio");
                    return false;
                }else if(fecha2.value ==""){
                    alert("campo vacion, por favor seleccione la fecha fin");
                    return false;
                }
                return true;
            }

            function limpiar(){
                fecha = document.getElementById("capass2");
                fecha2 = document.getElementById("capass22");

                fecha.value = "";
                fecha2.value = "";
            }
        </script>
        
        <script language="javascript">
            $(document).ready(function() {
                $(".botonExcel").click(function(event) {
                    $("#datos_a_enviar").val( $("<div>").append( $("#Exportar_a_Excel").eq(0).clone()).html());
                    $("#FormularioExportacion").submit();
                });
            });
        </script>
        <script>
            function printDiv()
            {
                var divToPrint=document.getElementById('Exportar_a_Excel');
                newWin= window.open('');
                newWin.document.write(divToPrint.outerHTML);
                newWin.print();
                newWin.close();
            }
        </script>
        <script>
            $(function() {
                $( "#tabs" ).tabs();
            });
        </script>
        <script type="text/javascript">
                function enviar(){
                    
                        var c = $("#c").val();
                        var c1 = $("#c1").val();
                        $.ajax({
                            async: true,
                            type: "POST",
                            dataType: "json",
                            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                            url: "../../controlador/php/sql/cambioC.php",
                            data: {c:c,c1:c1},
                            success: datos,
                            error: errorEnvio,
                            timeout: 4000
                            
                          
                        });
                        
                   
                }
                
                function errorEnvio() {
                    alert("error");
                }
                
                function datos( datos )
                {   
                        $("#c").val("");
                        $("#c1").val("");
                        $("#c2").val("");
                        $("#ex").html("<font color=blue>" + datos.mensajee + "</font>");
                        $("#er").html("<font color=red>" + datos.mensaje + "</font>");
                        
                }
                
            </script>
            <script>
                function validarCambioc(){
                    c = document.getElementById("c");
                    c1 = document.getElementById("c1");
                    c2 = document.getElementById("c2");
                    
                    if(c.value == ""){
                        alert("el campo esta vacio,por favor digite su actual contraseña");
                        c.focus();
                        return false;
                    }else if(c.value.length < 4){
                        alert("Su contraseña debe contener almenos 4 caracteres");
                        c.focus();
                        return false;
                    }else if(c1.value == ""){
                        alert("el campo esta vacio,por favor digite su nueva contraseña");
                        c1.focus();
                        return false;
                    }else if(c1.value.length < 4){
                        alert("Su contraseña debe contener almenos 4 caracteres");
                        c1.focus();
                        return false;
                    }else if(c2.value == ""){
                        alert("el campo esta vacio,por favor digite nuevamente su nueva contraseña");
                        c2.focus();
                        return false;
                    }else if(c1.value != c2.value){
                        alert("las contraseñas no coinciden");
                        c1.focus();
                        return false;
                    }
                    return true;
                }
                
                function nuevo(){
                    document.location=("pacienteFecha.php");
                }
                
            </script>
            <style type="text/css">
                #cambio{
                    -moz-border-radius: 20px;
                }
            </style>
    </head>
    <body>
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">Reportes</a></li>
                <li><a href="#tabs-2">Cambio clave</a></li>
            </ul>
            <div id="tabs-1">
                    <form id="reportes" method="post" action="javascript:enviarDatos()">
                        <table id="tabl">
                            <tr>
                                <td align="center" colspan="2">
                                    <strong>Imforme de inconvenientes</strong>
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    Fecha inicial
                                </td>
                                <td>
                                    <input  name="capa1" type="text" class="reporte_termino" id="capass2" size="12"/>
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    Fecha final
                                </td>
                                <td>
                                    <input  name="capa2" type="text" class="reporte_termino" id="capass22" size="12"/>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" colspan="2">
                                    <input id="genREporte" type="submit" value="Generar reporte" />
                                </td>
                            </tr>
                        </table>
                        </form>
                        <div id="repo">
                        <table align="center">
                            <tr>
                                <td colspan="5" align="center">
                                    <div id="repor">
                                        
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div id="indicador">
                            
                                    </div>
                                </td>
                                <td>
                                    <div id="indicador2">
                            
                                    </div>
                                </td>
                                <td>
                                    <div id="indicador3">
                            
                                    </div>
                                </td>
                                <td>
                                    <div id="indicador4">
                            
                                    </div>
                                </td>
                                <td>
                                    <div id="indicador5">
                            
                                    </div>
                                </td>
                            </tr>
                        </table>
                        </div>
                        <hr id="sepa">
                        <table id="opci">
                            <tr>
                                <td>
                                    <form action="../../controlador/php/sql/excel.php" method="post" target="_blank" id="FormularioExportacion">
                                        <img title="generar en excel" src="../imagen/excel.png" width="30" height="30" class="botonExcel" />
                                        <input type="hidden" id="datos_a_enviar" name="datos_a_enviar" />
                                    </form>
                                </td>
                                <td  align="absbottom" >
                                    <a href="javascript:print()">
                                        <img title="imprimir" border="0" src="../imagen/imprimir.png" width="30" height="30">
                                    </a>

                                </td>
                            </tr>
                        </table>

                <div id="respuesta">

                </div>
            </div>
            <div id="tabs-2">
                <form method="post" action="javascript:enviar()" onsubmit="return validarCambioc();">
                    <table id="cambio" align="center">
                        <tr>
                            <td colspan="2" align="center">
                                <h4>Cambio clave</h4>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" colspan="2">
                                <div id="ex">
                                    
                                </div>
                                <div id="er">
                                    
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                contraseña actual:
                            </td>
                            <td>
                                <input id="c" type="password" name="txtC" value="" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                nueva contraseña:
                            </td>
                            <td>
                                <input id="c1" type="password" name="txtC1" value="" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                repita su nueva contraseña:
                            </td>
                            <td>
                                <input id="c2" type="password" name="txtC2" value="" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center">
                                <input id="cambioC" type="submit" value="Guardar Cambios"/>
                                <input type="reset" value="Limpiar" />
                            </td>
                        </tr>
                    </table>
               </form>
            </div>
        </div>
    </body>
</html>

